/*icon*/
.s-icon{
  display: inline-block;
  overflow: hidden;
  text-indent: 2000px;
  &.s-icon-on {
    background-image: url(../../imgs/icon_on.png);
  }
  &.s-icon-off {
    background-image: url(../../imgs/icon_off.png);
  }
  &.s-icon-default {
    background-image: url(../../imgs/icon_default.png);
  }
}
.p-icon{
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url('../../imgs/icon-default.png');
  background-size: 601px auto;
  margin-right: 4px;
  cursor: pointer;
  &.p-icon-default-2{

  }
  &.p-icon-off{
    background-image: url('../../imgs/icon_off.png');
    background-size: 356px auto;
  }
  &.p-icon-on{
    background-image: url('../../imgs/icon_on.png');
    background-size: 356px auto;
  }
  &.p-icon-10{
    width: 10px;
    height: 10px;
  }
  &.p-icon-14{
    width: 14px;
    height: 14px;
  }
  &.p-icon-15{
    width: 15px;
    height: 15px;
  }
  &.p-icon-16{
    width: 16px;
    height: 16px;
  }
  &.p-icon-18{
    width: 18px;
    height: 18px;
  }
  &.p-icon-20{
    width: 20px;
    height: 20px;
  }
  &.p-icon-22{
    width: 22px;
    height: 22px;
  }
  &.p-icon-24{
    width: 24px;
    height: 24px;
  }
  &.p-icon-30{
    width: 30px;
    height: 30px;
  }
  &.p-icon-required{
    background-position: -18px -10px;
  }
  &.p-icon-address{
    background-position: -20px -70px;
  }
  &.p-icon-shop{
    background-position: -270px -200px;
  }
  &.p-icon-wxapp{
    background-position: -300px -200px;
  }
  &.p-icon-search{
    background-position: 0 -130px;
  }
  &.p-icon-search-small{
    background-position: -100px -100px;
  }
  &.p-icon-notice{
    background-position: -120px -200px;
  }
  &.p-icon-exit{
    background-position: -510px -200px;
  }
  &.p-icon-setting{
    background-position: -150px -520px;
  }
  &.p-icon-plus-bordered{
    background-position: 0 -240px;
  }
  &.p-icon-plus-cricle{
    background-position: -150px -130px;
  }
  &.p-icon-caret{
    background-position: -450px  -200px;
  }
  &.p-icon-triangle-white{
    background-position: 0  -10px;
  }
  &.p-icon-login-user{
    background-position: -140px  -100px;
  }
  &.p-icon-feedback{
    background-position: -120px  -520px;
  }
  &.p-icon-panel-user{
    background-position: 0  -290px;
  }
  &.p-icon-panel-activity{
    background-position: -40px  -290px;
  }
  &.p-icon-phone{
    background-position: -80px -50px;
  }
  &.p-icon-email{
    background-position: -100px -50px;
  }
  &.p-icon-addmember{
    background-position: -360px -130px;
  }
  &.p-icon-view{
    background-position: -40px -100px;
  }
  &.p-icon-comment{
    background-position: -160px -100px;
  }
  &.p-icon-praised{
    background-position: -170px 0;
  }
  &.p-icon-mark{
    background-position: -20px -70px;
  }
  &.p-icon-date-gray{
    background-position: -40px -70px;
  }
  &.p-icon-date-green{
    background-position: -540px -200px;
  }
  &.p-icon-delete-green{
    background-position: -270px -130px;
  }
  &.p-icon-edit-green{
    background-position: -240px -130px;
  }
  &.p-icon-save{
    background-position: -180px -130px;
  }
  &.p-icon-cancel{
    background-position: -210px -130px;
  }
}
.uc-panel-content-list{
  .p-icon{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    &.p-icon-usercenter-1{
      background-position: 0 -520px;
    }
    &.p-icon-usercenter-2{
      background-position: -30px -520px;
    }
    &.p-icon-usercenter-3{
      background-position: -60px -520px;
    }
    &.p-icon-usercenter-4{
      background-position: -90px -520px;
    }
    &.p-icon-usercenter-5{
      background-position: -180px -520px;
    }
    &.p-icon-usercenter-6{
      background-position: -210px -520px;
    }
    &.p-icon-usercenter-7{
      background-position: -240px -520px;
    }
    &.p-icon-usercenter-8{
      background-position: -270px -520px;
    }
  }
}
